<form ng-submit="saveOrUpdateUser()">

    <input type="text" ng-model="formUser.firstName" name="firstName" placeholder="First name" required="required"/>

    <input type="text" ng-model="formUser.name" name="name" placeholder="Name" required="required" />

    <div class="thumbnail" ng-hide="$flow.files.length">
        <img src="http://www.placehold.it/200x150/EFEFEF/AAAAAA&text=no+image" width="200px" height="150px"/>
    </div>
    <div class="thumbnail" ng-show="$flow.files.length" >
        <img flow-img="$flow.files[0]" width="200px" height="150px"/>
    </div>

    <div>
        <span class="btn btn-primary" ng-show="!$flow.files.length" flow-btn >Select an image</span>
        <span class="btn btn-info" ng-show="$flow.files.length" flow-btn >Change image</span>
        <span class="btn btn-danger" ng-show="$flow.files.length"  ng-click="$flow.cancel()">Remove image</span>
    </div>
    <p>
        Only PNG,GIF,JPG files allowed.
    </p>

    <br/>

    <div ui-view="hobbiesView"></div>

    <input id="submitUser" type="submit" value="Submit" />
</form>